<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Welcome</title>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 实现滚动方法二 -->
    <div class="container">
        <ul class="navigation_bar">
            <li index="0" class="navigation active">导航一</li>
            <li index="1" class="navigation">导航二</li>
            <li index="2" class="navigation">导航三</li>
            <li index="3" class="navigation">导航四</li>
        </ul>
        <ul class="content">
            <li class="card card_1">
                <div class="loading">
                    <div class="pop">
                        <img src="./img/logo.png" alt="" class="logo">
                        <div class="line line-left"></div>
                        <div class="line line-right"></div>
                        <span class="schedule">0%</span>
                    </div>
                    <img src="./img/pc-bg.jpg" alt="" class="img">
                </div>
            </li>
            <li class="card card_2">2</li>
            <li class="card card_3">3</li>
            <li class="card card_4">4</li>
        </ul>
    </div>
    <script src="./js/jquery-3.7.1.js"></script>
    <script src="./js/index.js"></script>
</body>

</html>